<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //预解析案例
        //案例1
        function cook(){
            console.log(age);
        }
        var age =10;//位置的不同，输出不同
        cook();
        var age =10;

 // 案例2

       var  num =10;
        function fn(){
            console.log(num);
            var num= 20;
            console.log(num);
        }
        fn();
        //相当于以下代码
        // var num;

        // function fn(){
        //     var num ;
        //      console.log(num);
        //      num =20;
        //      console.log(num);
        // }
        // num =10;
        // fn();

    //    案例3 // var a = 18;
        // f1();
        // function f1(){
        //     var b = 9;
        //     console.log(a);
        //     console.log(b);
        //     var a ='123';
        // }

        // var a ;
        // function f1(){
        //     var b;
        //     var a;
        //     b =9;
        //     console.log(a);
        //     console.log(b);
        //     a = '123';
        // }
        // a =18;
        // f1();
    </script>
</head>
<body>
    
</body>
</html>